import React, { Component } from 'react'

export default class App extends Component {
  render() {
    return (
      <div>
        App
        <input
          type="text"
          ref={(node) => {
            // 当react内部把这个input标签的真实dom创建好了之后,这个函数就会被调用,并且,会将这个input的真实dom传递给形参
            // console.log(node)
            this.xxx = node // 为了把input的真实dom暴露出去
          }}
        />
        {/* 需求: 点击按钮,让文本框获取焦点 */}
        <button
          onClick={() => {
            this.xxx.focus()
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
